<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div class="header">
      <div class="content flex">
        <div class="logo"><img src="images/newLogo.png" alt="" /></div>
        <div class="menu">
          <div class="menu_up"><img src="images/menu.png" alt="" /></div>
          <div class="menu_down none">
            <div class="down_head flex">
              <img src="images/newLogo.png" alt="" />
              <img src="images/close_b.png" ∏ class="closeMenu" alt="" />
            </div>
            <div class="topSearch">
              <input type="text" class="searchInput" placeholder="请输入关键" />
              <img src="images/search-b.png" alt="" />
            </div>
            <ul>
              <li><a href="">新闻中心</a></li>
              <li><a href="">培训课程</a></li>
              <li><a href="">特色项目</a></li>
              <li><a href="">师资列表</a></li>
              <li><a href="">关于我们</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="Filebox m-top">
      <div class="title">
        <div class="name">
          问题详情
        </div>
      </div>
      <div class="HelpinfoBox">
        <ul class="accordion">
          <li class="aui-menu-item b-line">
            <div class="link">
              <span style="font-family: arial;"
                >啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥?</span
              >
            </div>
            <div class="submenu">
              <img src="images/zw.jpg" alt="" />
              <p>
                <span list-style-type:none="" style="font-family: arial;"
                  >圣诞快乐技术部好的桑德拉都不接受啊
                </span>
              </p>

              <p>
                丢广化寺度高四风谷我拉说过话覅临时工发俩石锅拌饭俩还管不了复合弓比利时封闭拉伸被封杀肥逼
              </p>
              <p>
                丢广化寺度高四风谷我拉说过话覅临时工发俩石锅拌饭俩还管不了复合弓比利时封闭拉伸被封杀肥逼
              </p>
            </div>
          </li>
          <li class="aui-menu-item b-line">
            <div class="link">
              <span style="font-family: arial;">是么？？？？？？？？</span>
            </div>

            <div class="submenu">
              <img src="images/zw.jpg" alt="" />
              <p>
                <span list-style-type:none="" style="font-family: arial;"
                  >圣诞快乐技术部好的桑德拉都不接受啊
                </span>
              </p>

              <p>
                丢广化寺度高四风谷我拉说过话覅临时工发俩石锅拌饭俩还管不了复合弓比利时封闭拉伸被封杀肥逼
              </p>
              <p>
                丢广化寺度高四风谷我拉说过话覅临时工发俩石锅拌饭俩还管不了复合弓比利时封闭拉伸被封杀肥逼
              </p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="foot">
      <a class="sy checked"><span></span><i>首页</i></a>
      <a class="kc"><span></span><i>我的课程</i></a>
      <a class="grzx"><span></span><i>个人中心</i></a>
    </div>
  </body>
  <script src="js/jquery-1.12.0.min.js"></script>
  <script src="js/public.js"></script>
  <script>
    $(function () {
      var Accordion = function (el, multiple) {
        this.el = el || {};
        this.multiple = multiple || false;
        var links = this.el.find(".link");
        links.on(
          "click",
          {
            el: this.el,
            multiple: this.multiple,
          },
          this.dropdown
        );
      };
      Accordion.prototype.dropdown = function (e) {
        var $el = e.data.el;
        ($this = $(this)), ($next = $this.next());
        $next.slideToggle();
        $this.parent().toggleClass("open");
        if (!e.data.multiple) {
          $el
            .find(".submenu")
            .not($next)
            .slideUp()
            .parent()
            .removeClass("open");
        }
      };
      var accordion = new Accordion($(".accordion"), false);
    });
  </script>
</html>
